1.OmniMarkupPreviewer的安装
下载地址:OmniMarkupPreviewer(Github地址)
手动安装的话就是下载插件,解压,以OmniMarkupPreviewer命名目录,然后放到软件主目录下的Packages目录下即可。
2.快捷键的使用
Ctrl+Alt+O: 直接在浏览器中预览;
PS:此快捷键只需要按一次,同时无需保存文件,浏览器会同步更新编辑的内容。
Ctrl+Alt+C: 输出HTML到剪切板;
Ctrl+Alt+X: 输出HTML文件;
PS:关于输出位置及命名的修改:
(1)点击
首选项→插件设置→OmniMarkupPreviewer→Settings-Default复制里面的内容,点击首选项→插件设置→OmniMarkupPreviewer→Settings-User,粘贴到这里。
(2)修改
export_options里的target_folder即可修改输出位置。
(3)修改
export_options里的timestamp_format即可修改命名时间的样式。
3.输出样式的修改
默认情况下,在目录OmniMarkupPreviewer→public下,修改github.css文件即可。
如果想要修改控制样式输出的.css文件,可以在首选项→插件设置→OmniMarkupPreviewer→Settings-User中修改html_template_name选项对应的文件名即可。
注意:
上面的修改只是修改了你在浏览器中的预览的样式,如果想要同步修改输出的样式:
默认情况下,在目录
OmniMarkupPreviewer→templates下,修改github-export.tpl文件即可。
比如:想要修改输出HTML中内容区域的整体宽度,就需要同时修改
github.css和github-export.tpl这两个文件中的.container的max-width的值即可。这样就可以保证在预览和导出时的样式都是一致的。